
    <!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>Title</title>
    </head>
    <body>
    
<div class="archive_info">
<h1>HTML 教程- <span class="color_h1">(HTML5 标准)</span></h1>
<div class="tutintro">
<img decoding="async" src="https://www.runoob.com/wp-content/uploads/2013/06/image-icon.png"/>
<p>
超文本标记语言（英语：HyperText Markup Language，简称：HTML）是一种用于创建网页的标准标记语言。</p>
<p>您可以使用 HTML 来建立自己的 WEB 站点，HTML 运行在浏览器上，由浏览器来解析。</p>
<p>在本教程中，您将学习如何使用 HTML 来创建站点。</p>
<p>HTML 很容易学习！相信您能很快学会它！</p>
</div>
<h2 class="tutheader">HTML 实例</h2>
<p>本教程包含了数百个 HTML 实例。</p>
<p>使用本站的编辑器，您可以轻松实现在线修改 HTML，并查看实例运行结果。</p>
<blockquote> <p><strong>注意：</strong>对于中文网页需要使用 <strong>&lt;meta charset="utf-8"&gt;</strong> 声明编码，否则会出现乱码。有些浏览器(如 360 浏览器)会设置 GBK 为默认编码，则你需要设置为 <strong>&lt;meta charset="gbk"&gt;。</strong></p></blockquote>
<div class="example">
<h2 class="example">实例</h2>
<div class="example_code">
<div class="hl-main"><span class="hl-brackets">&lt;</span><span class="hl-code">!</span><span class="hl-var">DOCTYPE</span><span class="hl-code"> </span><span class="hl-var">html</span><span class="hl-brackets">&gt;</span><span class="hl-code">
</span><span class="hl-brackets">&lt;</span><span class="hl-reserved">html</span><span class="hl-brackets">&gt;</span><span class="hl-code">
</span><span class="hl-brackets">&lt;</span><span class="hl-reserved">head</span><span class="hl-brackets">&gt;</span><span class="hl-code">
</span><span class="hl-brackets">&lt;</span><span class="hl-reserved">meta</span><span class="hl-code"> </span><span class="hl-var">charset</span><span class="hl-code">=</span><span class="hl-quotes">"</span><span class="hl-string">utf-8</span><span class="hl-quotes">"</span><span class="hl-brackets">&gt;</span><span class="hl-code">
</span><span class="hl-brackets">&lt;</span><span class="hl-reserved">title</span><span class="hl-brackets">&gt;</span><span class="hl-code">菜鸟教程(runoob.com)</span><span class="hl-brackets">&lt;/</span><span class="hl-reserved">title</span><span class="hl-brackets">&gt;</span><span class="hl-code">
</span><span class="hl-brackets">&lt;/</span><span class="hl-reserved">head</span><span class="hl-brackets">&gt;</span><span class="hl-code">
</span><span class="hl-brackets">&lt;</span><span class="hl-reserved">body</span><span class="hl-brackets">&gt;</span><span class="hl-code">
</span><span class="hl-brackets">&lt;</span><span class="hl-reserved">h1</span><span class="hl-brackets">&gt;</span><span class="hl-code">我的第一个标题</span><span class="hl-brackets">&lt;/</span><span class="hl-reserved">h1</span><span class="hl-brackets">&gt;</span><span class="hl-code">
</span><span class="hl-brackets">&lt;</span><span class="hl-reserved">p</span><span class="hl-brackets">&gt;</span><span class="hl-code">我的第一个段落。</span><span class="hl-brackets">&lt;/</span><span class="hl-reserved">p</span><span class="hl-brackets">&gt;</span><span class="hl-code">
</span><span class="hl-brackets">&lt;/</span><span class="hl-reserved">body</span><span class="hl-brackets">&gt;</span><span class="hl-code">
</span><span class="hl-brackets">&lt;/</span><span class="hl-reserved">html</span><span class="hl-brackets">&gt;</span></div>
</div>
<br/>
<a class="tryitbtn"  rel="noopener noreferrer" target="_blank">尝试一下 »</a>
<p>点击 "尝试一下" 按钮查看在线实例</p>
</div><hr/><h2>
HTML文档的后缀名</h2>
<ul><li><span class="marked">.html</span></li>
<li><span class="marked">.htm</span></li></ul>
<p>以上两种后缀名没有区别，都可以使用。</p>
<p><a >开始学习HTML!</a></p>
<h2 class="tutheader">HTML 实例</h2>
<p>在 HTML 手册中包含了数百个在线实例，您可以在线编辑并查看运行结果。</p>
<p><a  rel="noopener noreferrer" target="_blank">查看 HTML 实例！</a></p>
<h2 class="tutheader">HTML 参考手册</h2>
<p>在菜鸟教程中，我们提供了完整的 HTML 参考手册，其中包括标签、属性、颜色、实体等等。</p>
<p>
<a >HTML 参考手册</a>
</p>
<h2 class="tutheader">HTML/CSS/JS 在线工具</h2>
<p>HTML/CSS/JS 在线工具可以在线编辑 HTML、CSS、JS 代码，并实时查看效果，你也可以将优质代码保存分享：<a  rel="noopener noreferrer" target="_blank">https://c.runoob.com/front-end/61</a></p> <div class="scroll-top"><a >返回顶部</a></div>
</div>

    </body>
    </html>
    